@media (min-width:992px){
header .navbar{transition: 0.4s;}
header .navbar-nav>li{padding:18px;}
header .navbar-nav>li>a{overflow:hidden;margin:0;padding:0;color:#fff;line-height:50px;}
.navbar-nav>li>a span{display:block;position:relative;transition:all ease-in-out .3s}
.navbar-nav>li>a:hover span{transform:translateY(-50px);color:#f69a00}
.navbar-nav>li>a span:after{position:absolute;content:attr(data-title);top:50px;left:0}
.navbar-nav>li>a:after{position:absolute;content:"";width:0;height:1px;left:0;bottom:0;background:#f69a00;transition:all ease-in-out .3s}
.navbar-nav>li>a:hover:after{width:100%}
#top-nav .nav>li.dropdown>.dropdown-menu{left:0;right:auto;}
#top-nav .nav>li.dropdown>.dropdown-menu a:hover{background: #156eaa;color: #fff;}
.sy-news{margin-top:0;padding:0}
}
@media (min-width:992px) and (max-width:1199px){.navbar-nav>li>a{padding:0 8px}
.series{font-size:16px}
.about-info .text{padding:0 10px}
}
@media (max-width:991px){.navbar-nav>li>a{padding:15px 8px;line-height:0}
.navbar-brand img{max-height:22px}
.navbar-brand{padding:21px 0}
.carousel-caption h1{font-size:32px}
.carousel-caption p{font-size:18px}
.series{width:50%;padding:23px 0}
.about-title{padding:0 0 30px}
.about{padding:40px 0;}
.contact .col-md-6{margin-top:20px;padding:0 3% 0 3%;}
footer{margin-top: 0;}
.pn .next{text-align: left;margin-top: 10px;}
}
@media (max-width:767px){
body{font-size:14px;}
#top-nav .nav>li.dropdown>.dropdown-menu a{color: #fff;padding:10px 10px 10px 25px}
.navbar-brand{padding:21px 15px}
.navbar-brand img{max-height:32px}
.carousel-caption h1{font-size:25px}
.navbar-toggle{background-color:#eee;margin:20px 10px 20px 0}
.navbar-toggle .icon-bar{background-color:#555}
.navbar-nav>li>a{font-size:15px;color:#555;padding:10px 10px;color:#fff}
.carousel,.ny-banner{margin-top:75px}
.series{width:100%;padding:15px 0;text-align:left;padding-left:40px}
.carousel-caption{top:26%}
.application{padding:30px 0}
.about-title h2,.application-title h2{font-size: 24px;margin-bottom: 20px;}
.contact{padding: 30px 0;}
.contact .title{font-size: 24px;}
.copyright .pull-left{padding-left:40px}
.ny-about{padding:0 10px;}
.ny-about .page-header{margin:20px 0;}
.ny-info{padding: 0;}
.items .item{padding: 0;margin-bottom:15px;}
.ny-pro .media-pro{margin:0 0 15px 0;}
.contact-info{font-size: 14px;}
.article>header h1{font-size:16px;text-align: center}
}
@media (max-width:375px){
    .about-info .text h3{font-size: 22px;}
}